console.log('ok')
import './css/index.css'
import './css/index.scss'
//注意：如果要通过路径的形式去引入node-modules中相关的文件，可以直接省略路径前面的node-modules这一层目录，直接
//写包的名称，然后后面跟上具体的文件路径，默认就会去node-modules查找
import 'bootstrap/dist/css/bootstrap.css'
//class关键字，是es6中提供的新语法，是用来实现es6中面向对象编程的方式
//什么是对象？既是可以抽象看成人，是属性（名字，年龄。。。）跟方法（吃饭，工作。。）的集合
//class是从后端语言中借鉴过来的，来实现面向对象
//java c#实现面向对象的方法完全一样
/* class person{
    static info ={ name:'zs',age:20}
    //使用static 关键字，可以定义静态属性
    //所谓静态属性，就是可以直接通过类名直接访问的属性，直接person.info就可以访问了
    //静态属性的对立是：实例属性，实例属性只能通过类的实例来访问，即new person   
}
//访问person类身上info静态属性
console.log(person.info) */
//运行这步出错了，因为在webpack中只能默认处理一些低级的es6新语法，高级的要借助第三方的loader来解决。
//通过babel,可以帮助我们将高级的语法转换为低级的语法
//1，在webpack中，可以运行如下两套命令，安装两套包，去安装babel相关的loader功能，步骤：：
//1.1，第一套包：cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
//1.2,第二套包：cnpm i babel-preset-env babel-preset-stage-0 -D
//2,打开webpack的配置文件，在module节点下的rules数组中，添加一个新的匹配规则：
//2.1{test:/\.js$/,use:'babel-loader',exclude:/node_modules/ }
//2.2注意：在配置babel的loader规则的时候，必须把node_modules目录通过exclude选项排除掉。原因有两：
//2.2.1如果不排除node_modules，则babel会把node_modules中所有的第三方js文件都打包编译，这样会非常消耗cpu，同时打包速度非常慢。
//2.2.2哪怕最终babel把所有node_modules中的js转换完毕，但是项目也无法正常运行
//3，在项目的根目录中，新建一个叫做.babelrc的babel配置文件，这个配置文件属于json格式，所以在写.babelrc配置的时候，必须符合json语法规范，不能写注释，字符串必须用双引号
//3.1在.babelrc写如下的配置：
/* //{
    "presets":["env","stage-0"],大家可以把presets翻译成【语法】的意思
    "plugins":["transform-runtime"]
} */